<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>FONT-WEIGHT</title>
</head>
<style>
	*{
		font-size: 30px;
		background-color: #333;
		color: #fff;
	}
	div{
		float: left;
		width: 300px;
	}
</style>
<body>
	<div>div</div>
	<div style='font-weight: initial;'>initial</div>
	<div style='font-weight: inherit;'>inherit</div>
	<div style='font-weight: normal;'>normal</div>
	<div style='font-weight: bold'>bold</div>
	<div style='font-weight: bolder;'>bolder</div>
	<div style='font-weight: bolder;'><span style="font-weight:bolder">bold2</span>bolder</div>
	<div style='font-weight: lighter'>lighter</div>
	<div>
	<div style='font-weight: 100'>number100</div>
	<div style='font-weight: 200'>number200</div>
	<div style='font-weight: 300'>number300</div>
	<div style='font-weight: normal;'>normal</div>
	<div style='font-weight: 400'>number400</div>
	<div style='font-weight: 500'>number500</div>
	<div style='font-weight: 600'>number600</div>
	<div style='font-weight: 700'>number700</div>
	<div style='font-weight: 800'>number800</div>
	<div style='font-weight: 900'>number900</div>
	<div style='font-weight: 1000'>number1000</div>
	<div style='font-weight: 1000'>number900<span style="font-weight:bolder">bold2</span></div>
	<div style='font-weight: 50'>number50</div>
	<div style='font-weight: 1100'>number1100</div>
	<div style='font-weight: 2000'>number2000</div>
	</div>
	<div style='font-size: xx-large;'>initial</div>
	<div style='font-size: xx-small;'>inherit</div>
	<div style='font-size: small;'>normal</div>
	<div style='font-size: smaller;'>bold</div>
	<div style='font-size: medium;'>medium</div>
	<div style='font-size: x-large;'><span style="font-size:x-small;">sf</span>bolder</div>
	<div style="text-align:justify">left middle right</div>
	<div style="text-align:justify;width: 100px;margin:0;">left test middle right</div>
	<div style="text-align:justify;width: 100px;margin:0;">left  right</div>
	
	<div style="margin:20px;border: 1px solid;display: inline-block;">121</div>
	<div style="margin:20px;border: 1px solid">222</div>
	<div style="margin:20px;border: 1px solid">333</div>
</body>
</html>